.add-type1,
.add-type2,
.add-type3 {
  position: fixed;
  transition: .8s;
  transform: translate(0px);
  height: 30px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: $primary-bg;
  padding: 0px 20px;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 0px 4px 0 #ccc;
}

.hide-btn1 {
  transition: .3s;
  transform: translate(800px);
}

.hide-btn2 {
  transition: .6s;
  transform: translate(800px);
}

.hide-btn3 {
  transition: .8s;
  transform: translate(800px);
}

.add-type1 {
  bottom: 100px;
  right: 60px;
}

.add-type2 {
  bottom: 60px;
  right: 85px;
}

.add-type3 {
  bottom: 20px;
  right: 105px;
}






.row-placeholder {
  height: 100px;
}